<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>vue</title>
    <script src='https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js'></script>
</head>

<body>
    <div id='app'>

    </div>
</body>
<script>

    /* 
     Vue 中有2中数据绑定的方式： 
       1. 单向绑定(v-bind) ； 数据只能从 data 流向页面
       2. 双向绑定(v-model) : 数据不仅能从 data 流向页面，还可以从页面流向 data 

         备注 ： 
            1. 双向绑定一般都应用在表单类元素上 ( 如 input  select 等)
            2. v-model:value 可以简写为 v-model 因为 v-model 默认收集的就是 value 值
    
    
    */
    let vm = new Vue({
        el: '#app',
        data: {

        },
        methods: {

        }
    });
</script>

</html>